﻿{% extends '../layout.html' %}
<!-- header-start -->
{% block head %}
{% parent %}
{% endblock %}
<!-- header-end -->

<!-- body-start -->
{% block content %}
<div class="Hr_Login">
    <div class="flex-box">
        <header><h3>登录</h3></header>
        <main class="nav-wrap">
            <ul class="nav">
                <li class="active"><a><h4>普通登录</h4></a></li>
                <li class="" id="dymanic"><a><h4>动态密码登录</h4></a></li>
            </ul>
            <div class="nav-container">
                <div class="nav-content shows" id="Account_Login">
                    <form class="fields">
                        <div class="field">
                            <input id="account" name="account" autocomplete="off" placeholder="手机号  /  验证邮箱  /  用户名" type="text" maxlength='30'/>
                        </div>
                        <div class="field last-field password-content" style="display: flex;">
                            <input id="password" name="password" autocomplete="off" placeholder="密码" type="password" class="value_hide" maxlength='20'/>
                            <input name="password" autocomplete="on" placeholder="密码" type="text" class="value_show" style="display:none;"/>
                            <input type="checkbox" class="checkbox-switch"/>
                        </div>
                        <div class="error-field" style="display:none;">
                            <p>用户名或密码错误</p>
                        </div>
                        <div class="submit-field_forget remeberbox">
                            <label class="auto-login">
                                <input id="remember-me" name="remember-me" type="checkbox" checked><span>两周内免登录</span>
                            </label>
                            <a class="forget-password" href="login/reset-password-first">忘记密码？</a>
                        </div>
                        <div id="login-submit">
                            <input class="login login-btn btn-disable" name="submit" value="登录" disabled="disabled" type="submit"/>
                        </div>
                    </form>
                </div>
                <div class="nav-content" id="Tel_Login">
                    <form class="fields">
                        <div class="field">
                            <input id="tel" name="tel" autocomplete="off" placeholder="手机号" type="text" maxlength='11'/>
                        </div>
                        <div class="field field-verify">
                            <input id="verify" name="verify" autocomplete="off" placeholder="验证码" type="text" maxlength='5'/>
                            <img id="captcha_image" src="" style="width: 113px;height: 48px;"/>
                            <a onclick="getCaptcha()"><p>换一个</p></a>
                        </div>
                        <div class="field  last-field" style="display: inline-block;width: 100%;">
                            <input id="yz" name="yz" autocomplete="off" placeholder="短信验证码" type="text" maxlength='6'/>
                            <div class="yz-btn">
                                <input disabled="disabled" id="CountDown60" value="发送验证码" type="button"
                                       onclick="getMsg(this)"/>
                            </div>
                        </div>
                        <div class="error-field" style="display:none;">
                            <p>用户名或密码错误</p>
                        </div>
                        <div class="submit-field">
                            <input id="login-submit2" class="login login-btn btn-disable" name="commit" value="登录" disabled="disabled"
                                   type="submit"/>
                        </div>
                    </form>
                </div>
            </div>
        </main>
    </div>
</div>
{% endblock %}
<!-- body-end -->
<!-- script-start -->
{% block script %}
    <script type="text/javascript" src="/js/base/app.js"></script>
    <script type="text/javascript" src="/js/base/lib/verify.js"></script>
    <script type="text/javascript" src="/js/login/login.js"></script>
{% endblock %}
<!-- script-end -->

